<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <title>首航节能-智慧园区</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/tabs.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/paging.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/taqs.css" />
    <link href="../../../assets/css/styles/components-css/form.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css"/>
    <link href="../../../assets/css/userManagement/userManagement.css" rel="stylesheet" />
    <!--表单验证样式--->
    <link href="../../../assets/lib/formValidator/style/validator.css" rel="stylesheet" />
</head>
<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->


<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->

    <!--右侧内容 开始-->
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>物业运营 > 供应商管理</h2>
                </div>

                <div class="t-tabs">
                    <!--供应商管理选项卡-->
                    <ul id="myTabs" class="t-tabs-items">
                        <li class="active"><a href="#tab1" data-toggle="tab">设备供应商</a></li>
                        <li><a href="#tab2" data-toggle="tab">服务供应商</a></li>
                    </ul>

                    <div id="myTabContent" class="tab-content">
                        <!--设备供应商列表-->
                        <div class="tab-pane fade in active" id="tab1">
                            <div class="t-list-search t-columns-4">
                                <form id="frmSearch"   onsubmit="return false">
                                    <ul class="t-columns-group">
                                        <li>
                                            <label>关键字</label>
                                            <div><input placeholder="请输入供应商名称" id="keyword1" name="vendorName"/></div>
                                        </li>
                                        <!-- 时间组 -->
                                        <li>
                                            <label>&nbsp;</label>
                                            <div>
                                                <a class="t-btn" id="btnSearch">
                                                    <i class="icon-search"></i>
                                                    查询
                                                </a>
                                            </div>
                                        </li>
                                    </ul>
                                </form>
                            </div>

                            <div class="t-list-btns">
                                <p>请求记录</p>
                                <span id="tabVendorTotal"></span>
                                <div>
                                    <a class="t-btn t-btn-blue" id="btnAddSupplier"  data-whatever="新增供应商">新增</a>
                                </div>
                            </div>
                            <div class="t-list-result clearfix">
                                <!-- 表格 -->
                                <table class="t-table" id="tabVendor"></table>
                                <!-- 分页 -->
                                <div class="pagination" id="tabVendorPagination"></div>
                            </div>
                        </div>
                        <!--事件告警列表-->
                        <div class="tab-pane fade" id="tab2">
                            <div class="t-list-search t-columns-4">
                                <form id="frmSearch1"  onsubmit="return false">
                                    <ul class="t-columns-group">
                                        <li>
                                            <label>关键字</label>
                                            <div><input  id="keyword" type="text" value="" name="companyName" placeholder="请输入公司名"/></div>
                                        </li>
                                        <!-- 时间组 -->
                                        <li>
                                            <label>&nbsp;</label>
                                            <div>
                                                <a class="t-btn"  id="btn_query">
                                                    <i class="icon-search"></i>
                                                    查询
                                                </a>
                                            </div>
                                        </li>
                                    </ul>
                                </form>
                            </div>

                            <div class="t-list-btns">
                                <p>请求记录</p>
                                <span id="tabRealtyTotal"></span>
                                <div>
                                    <a class="t-btn t-btn-blue" id="btnAddRealty">新增</a>
                                </div>
                            </div>
                            <div class="t-list-result clearfix">
                                <!-- 表格 -->
                                <table class="t-table" id="tabRealty"></table>
                                <!-- 分页 -->
                                <div class="pagination" id="tabRealtyPagination"></div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<!--版权-->
<div id="copyright"> </div>

<!--编辑页面-->

<!--模态框-->
<!--新增页面-->
<div class="modal fade bs-example-modal-lg" id="modalSupplier" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" ></h4>
            </div>
            <form id="frmSupper">
                <div class="modal-body">
                    <div class="t-list">
                        <div class="person-setting first">
                            <div class="t-columns-2">
                                <ul class="t-columns-group">
                                    <li>
                                        <input type="text" id="vendorId" name="vendorId" class="hide"/>
                                        <label><span class="t-tip-verification">*</span>公司名称</label>
                                        <div><input type="text" id="vendorName" name="vendorName"/></div>
                                        <input type="hidden" id="oldVendorName" value=""/>
                                    </li>
                                    <li>
                                        <label>公司固话</label>
                                        <div><input type="text" id="tel" name="vendorPhone" maxlength="8"/></div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="vendorNameTip"></div>
                                        </div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="telTip"></div>
                                        </div>
                                    </li>
                                    <li>
                                        <label><span class="t-tip-verification">*</span>公司负责人</label>
                                        <div><input type="text" id="name" name="vendorAttn1"/></div>
                                    </li>
                                    <li>
                                        <label><span class="t-tip-verification">*</span>负责人手机</label>
                                        <div><input type="text" id="phone" maxlength="11" name="vendorAttn1Phone"/></div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="nameTip"></div>
                                        </div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="phoneTip"></div>
                                        </div>
                                    </li>
                                    <li>
                                        <label><span class="t-tip-verification">*</span>供应商接口人</label>
                                        <div><input type="text" id="liaison" name="liaison" /></div>
                                    </li>
                                    <li>
                                        <label><span class="t-tip-verification">*</span>接口人手机</label>
                                        <div><input type="text" id="liaisonPhone" name="liaisonPhone" maxlength="11"/></div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="liaisonTip"></div>
                                        </div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="liaisonPhoneTip"></div>
                                        </div>
                                    </li>

                                    <li class="width-all">
                                        <label>地址</label>
                                        <div><textarea type="text" id="address" name="vendorAddress"></textarea></div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="addressTip"></div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="btn_saveVendor">保存</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!--服务供应商模态框-->
<div class="modal fade bs-example-modal-lg" id="modalRealty" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">新增服务公司</h4>
            </div>
            <form id="frmRealtyService">
                <div class="modal-body">
                    <div class="t-list">
                        <div class="person-setting first">
                            <div class="t-columns-2">
                                <ul class="t-columns-group">
                                    <li>
                                        <input type="text" id="companyId" name="companyId" class="hide" value=""/>
                                        <label><span class="t-tip-verification">*</span>公司名称</label>
                                        <div><input type="text" id="companyName" name="companyName"/></div>
                                        <input type="hidden" id="oldCompanyName"/>
                                    </li>
                                    <li>
                                        <label><span class="t-tip-verification">*</span>公司类型</label>
                                        <div>
                                            <input  id="companyType" name="companyType"/>
                                        </div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="companyNameTip"></div>
                                        </div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="companyTypeTip"></div>
                                        </div>
                                    </li>
                                    <li>
                                        <label><span class="t-tip-verification">*</span>公司电话</label>
                                        <div><input type="text" id="companyPhone" name="companyPhone" maxlength="8"/></div>
                                    </li>
                                    <li>
                                        <label><span class="t-tip-verification">*</span>公司负责人</label>
                                        <div><input type="text" id="companyArtificialPerson" name="companyArtificialPerson"/></div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="companyPhoneTip"></div>
                                        </div>
                                    </li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="companyArtificialPersonTip"></div>
                                        </div>
                                    </li>
                                    <li>
                                        <label><span class="t-tip-verification">*</span>负责人手机</label>
                                        <div><input type="text" id="artificialPersonPhone" name="artificialPersonPhone" maxlength="11"/></div>
                                    </li>
                                    <li></li>
                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="artificialPersonPhoneTip"></div>
                                        </div>
                                    </li>
                                    <li class="width-all">
                                        <label>公司地址</label>
                                        <div><textarea type="text" id="companyAddress" name="companyAddress"></textarea></div>
                                    </li>

                                    <li class="verify">
                                        <label></label>
                                        <div class="tipArea">
                                            <div id="companyAddressTip"></div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" id="btn_saveRealty">保存</button>
                </div>
            </form>
        </div>
    </div>
</div>



<!--提示模态框-->
<div class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <i id="icon-tip" style="margin-right:6px;"></i>
                <span class="tip-info"></span>
            </div>
        </div>
    </div>
</div>

<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="../../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="../../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>
<script charset="utf-8" src="../../../assets/common/loadHeaderAndCopyright.js"></script>
<!--模态框-->
<script charset="utf-8" src="../../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<!--模态提示框-->
<script charset="utf-8" src="../../../assets/common/centerModal.js"></script>
<script charset="utf-8" src="../../../assets/lib/tipModal/js/tipModal.js"></script>
<!--分页脚本-->
<script charset="utf-8" src="../../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script charset="utf-8" src="../../../assets/common/ajaxPoster.js"></script>
<script charset="utf-8" src="../../../assets/common/loaderTable.js"></script>
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidator.js"></script>
<script charset="utf-8" src="../../../assets/lib/formValidator/formValidatorRegex.js"></script>
<!--设备供应商脚本-->
<script charset="utf-8" src="../../../js/systemManagement/supplier/supplierModal.js"></script>
<script charset="utf-8" src="../../../js/systemManagement/supplier/supplier.js"></script>
<!--服务供应商脚本-->
<script charset="utf-8" src="../../../js/systemManagement/supplier/realtyModal.js"></script>
<script charset="utf-8" src="../../../js/systemManagement/supplier/realtyService.js"></script>
</body>
</html>